<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="css/bootstrap-table.min.css">
    <link rel="stylesheet" href="css/bootstrap-editable.css">
    <link rel="stylesheet" href="assets/index.css">
    <!--    <script src="assets/index.js"></script>
        <script src="assets/ga.js"></script>-->
    <script src="js/vue1.js"></script>
    <script src="js/axios.js"></script>
    <script src="assets/jquery.min.js"></script>
    <script src="assets/bootstrap/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="css/bootstrap.min1.css">
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/style.css"/>

    <link rel="stylesheet" href="css/bootstrap-datetimepicker.css"/>
    <!-- bootstrap-datetimepicker插件CSS-->

    <!-- Latest compiled and minified JavaScript -->
    <script src="js/bootstrap-table.min.js"></script>

    <!-- Latest compiled and minified Locales -->
    <script src="js/bootstrap-table-zh-CN.min.js"></script>


    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/json2/20140204/json2.min.js"></script>
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js "></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

    <![endif]-->

    <style type="text/css">
        body, html{width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}

    </style>

    <title>保险审核</title>
</head>
<style>
    .my-container {
        float: left;
        display: inline-block;
        margin-right:30px;
        margin-top: -15px;
    }

    .myLabel-content ,.myText-content,.myBtn-content{
        float: left;
        display: inline-block;

    }
    .myLabel-content,.myText-content input[type='text'],.myBtn-content .btn {
        height: 34px;

    }
    .myBtn-content .btn {
        margin-bottom: 10px;
    }
    .btn-default {
        margin-top: -4px;

    }
</style>
<body>
<div class="conts" id="divCenter" align="center" style="position: fixed; top: 60px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); display: none;z-index:909;left:0px;overflow: scroll;">
    <img id="carpic3" src="#"  style="padding-top: 5%;width: 65%;height: auto;"/><a href="javascript:void(0);" onclick="picClose();">
    <img src="img/close-150192_640.png" style="width: 50px;height: 50px;float: right;position:fixed;z-index: 999;margin-top: 70px;right: 80px;"></a>
</div>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation" style="background-color: rgba(40,54,55,0.97)">
    <div class="">
        <div class="navbar-header;">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"
                    aria-expanded="false" aria-controls="navbar">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>

        </div>
        <div id="navbar" class="navbar-collapse collapse" style="height: 60px;">
            <div style="height: 60px;">
                <div class="brand" style="font-size: 26px;color: #fff;padding-left: 0;margin-left: 1%;text-shadow: none;margin-top: 4px;"><span id="productName">保险后台管理系统</span></div>
                <ul class="nav pull-right" style="padding-top: 5px;">
                    <li style="float: left;"><a style="font-size:16px;text-decoration : none; height: 60px;
                    margin-top: -5px;padding-top: 20px;padding-right: 25px;" href="monitoring.html"  title="">
                        <span class="glyphicon glyphicon-globe"> </span><p style="float: right;margin-top: -1px;">&nbsp;实时监控</p></a></li>
                    <li  id="tabActive" style="float: left;"><a style="font-size:16px;text-decoration : none;height: 60px;
                    margin-top: -5px;padding-top: 20px;padding-right: 25px;margin-right: 20px;"
                                                                href="review.html"  title="">
                        <span class="glyphicon glyphicon-check"> </span><p style="float: right;margin-top: -1px;">&nbsp;保险审核</p></a></li>
                    <ul  class="nav navbar-nav navbar-right" style="float:right;">

                        <li class="dropdown">
                            <a href="#" id="insname"  class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"
                               style="float: left;height: 40px;margin-right: 10px;text-align: center;padding-top:10px;font-size: 1.2em;
                                       background-color: #4a4545; margin-bottom: 5px;margin-top:5px;margin-right: 30px;width: 120px;
                                   color: rgba(202, 197, 197, 0.93);">用户名称<span class="caret"></span></a>
                            <ul class="dropdown-menu" style="left: 0;">
                                <li style="text-align: center;font-size: 14px;"><a href="login.html" style="font-size: 15px;padding-left: 10px;"><span class="glyphicon glyphicon-log-out"> </span> 注销</a></li>

                            </ul>

                    </ul>

                </ul>
                <!--<ul id="signout" class="nav pull-right">-->

                <!--<li><a href="login.html" title="退出登录" style="color: #fff;font-size: 14px;margin-top: 4px;">退出</a></li>-->
                <!--</ul>-->
            </div><!--/.nav-collapse -->
        </div>
    </div>
</nav>
<div class="contain" style="position:absolute;top: 76px;bottom: 15px; left: 15px;right: 15px;box-shadow:0 0 10px rgba(0,0,0,0.36);border-radius: 3px;">


        <iframe id="myFrame" name="myFrame" src="list1.html" style="width: 100%;height: 100%;"></iframe>


</div>






</body>
</html>
<script type="text/javascript">

    document.getElementById("tabActive").getElementsByTagName("a")[0].style.color="white";

    window.onload = function(){
        $.ajax({
            url: "http://cjl3.rokyinfo.net:7110/v1.0/users/detail",
            method: "get",
            contentType: "application/json; charset=utf-8",
            cache: false,
            beforeSend: function (xhr) {
                /* Authorization header */

                xhr.setRequestHeader("Authorization", sessionStorage.token);
            },success:function (json) {
                console.log("成功");
                console.log(json);
                document.getElementById("insname").innerHTML = json.data.nickname;
                console.log(JSON.stringify(json.data.nickname))




            },
            error:function (err) {
                console.log(err)
            }})
    };
    function zhankaiPic1(){
        var v = document.getElementById('divCenter');
        v.style.display = "block";
        document.getElementById("carpic3").src=sessionStorage.carpic22;
    }

    function zhankaiPic2(){
        var v = document.getElementById('divCenter');
        v.style.display = "block";
        document.getElementById("carpic3").src=sessionStorage.carpic12;
    }
    function zhankaiPic3(){
        var v = document.getElementById('divCenter');
        v.style.display = "block";
        document.getElementById("carpic3").src=sessionStorage.fapiao2;
    }
    function picClose() {
        var v = document.getElementById('divCenter');
        v.style.display = "none";
    }
</script>
